/*css comment*/

* {
    margin:0;
    padding:0;
    outline:none;
    list-style:none;
    text-decoration:none; 
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
p{margin:0;padding:0;}

body,html {
    color:#666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f8f8f8;
    /*overflow: hidden;*/
    font-family:arial, "微软雅黑", Microsoft YaHei;
    font-size: 14px;
    line-height: 1.5;
}
img {
    border:none;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width:auto;
}
input, textarea ,select{
    border:none;
    background:none;
    font-size:14px;
    vertical-align:middle;
    color:#333;
    font-family:arial, "微软雅黑", Microsoft YaHei;
}
select {
    border:inherit;
    background: inherit;
}
a {
    text-decoration:none; 
    outline: none;
    color:#333;
}
a:hover,a:active,a:focus {
    text-decoration:none;
}

.no_touch a:hover{ color:#0b68f1;}

em, i {
    font-style:normal;
}
a:focus, input, select {
    outline:none;
}
.clearfix { *zoom:1; }
.clearfix::before,.clearfix::after {
    content:"\200B";
    display: block;
    clear: both;
    height: 0;
} 
input[type="submit"], input[type="reset"], input[type="button"], button, select {
    -webkit-appearance: none;
}
/*input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover{
    opacity: 0.90;
}*/ 
header,main,footer,section{ display: block;}
.eyeshot .owl-carousel .owl-stage-outer{margin-bottom:10px;}
/*browserupgrade*/
.browserupgrade{display:block;position:fixed; top:0; left:0; margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:2000;background-color:#666;color:#fff;text-align:center}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
/*swiper*/       
.owl-carousel .owl-dots .owl-dot span{ border:none; border-radius: 0; width:30px; height: 4px; margin: 0 5px; background: #fff; border-radius: 2px; opacity: .60; cursor: pointer;}
.owl-carousel .owl-dots .owl-dot:hover span,.owl-carousel .owl-dots .owl-dot.active span{ background: #0b68f1; opacity: 1;}



.inner{ width: 1020px; margin:0 auto;}
.top_adv{ background-color:#242529;}
.top_adv a img{ display: block; margin: 0 auto;}
/*===================header========================*/
header{ position: relative; top:0; left:0; z-index: 1003; width:100%; height: 90px; background:rgba(255,255,255,.95); box-shadow:0 0 15px -5px #000; } 
.header_scr{ position:fixed; top:0; }
.logo{ float:left; position: relative; top:18px;}
.logo img{ display:block; height: 52px; width: auto;}
.header_con{ float: right; margin-top:5px;}
.header_bar{ float: right; margin-bottom: 10px;width:30%;padding-top:10px;}
/*3.19修改 .search,.enter,.shared,.oldLink */
.search,.enter,.shared,.oldLink{ display: inline-block; vertical-align: middle;}
.search{ width: 220px; height: 28px; border:1px solid #eee; border-radius: 15px;}
.search_txt,.search_btn{ display: inline-block; vertical-align: top;}
.search_txt{ width:185px; height: 26px; text-indent: 5px;float:left;}
.search_btn{ cursor: pointer;text-indent:9999px; width:30px; height:26px; color: #666; background: url(../images/q1.jpg) left center no-repeat; border-radius: 0 3px 3px 0;} 
/*.search_btn:hover{ background-color: #0b68f1; background-position: -1px center; color: #fff;}*/
.enter{padding-top:5px;}
.enter,.oldLink{ font-size: 12px;}
.oldLink{padding-left:10px;}
.enter a{ color: #666; margin-left: 10px;}
.enter a img{ display:inline-block; vertical-align: text-bottom; margin-right: 5px;}
.enter a:hover,.oldLink a:hover{ color: #0b68f1; text-decoration: underline;}
.shared{padding-top:5px;}
.shared li{ float:left; position: relative; margin-left: 18px;} 
.wei_ma{ position: absolute; top:100%; right:0; z-index: 1004; width: 120px; height: 120px; background: #fff; border:1px solid #eee; display: none;}
.shared li:hover .wei_ma{ display:block;}
/*nav*/
.nav{ position: relative; z-index: 1003;width:62%; float: left;}
.nav li{ float:left; margin-left: 20px;}
.nav li a.a_item0{ display:block; height: 28px; position: relative;}
.nav li a.a_item0::before{ content:""; position: absolute; bottom: 0; left:50%; width: 0; height: 2px; background: #0b68f1;}
.nav li:hover a.a_item0,.nav li.nav_cur a.a_item0{ color: #0b68f1;}
.nav li:hover a.a_item0::before,.nav li.nav_cur a.a_item0::before{ left:0; width: 100%;}
/*menu_ico*/
.menu_ico{ cursor: pointer; width:30px; height:24px; position:absolute; top:18px; right:20px; display: none; }
.menu_ico i{ display: block; width: 100%; height: 2px; background-color: #999; position: absolute; top:0;}
.menu_ico i:nth-of-type(2){ top:10px;}
.menu_ico i:nth-of-type(3){ top:20px;}
.menu_active i{ background-color: #0b68f1;}
.menu_active i:nth-of-type(2){ opacity: 0;}
.menu_active i:nth-of-type(1),.menu_active i:nth-of-type(3){ top: 10px;}
.menu_active i:nth-of-type(1){ transform:rotate(-45deg);}
.menu_active i:nth-of-type(3){ transform:rotate(45deg);}

/*focus*/
main{ min-height:500px; padding: 20px 0;}
#focus{ width: 66%; border-radius: 4px; float: left; margin-right: 20px;}
#focus .item img{ display: block; height: 330px;}
.focus_caption{ position: absolute; bottom: 0; left:0; width: 100%; background: url(../images/focus_01.png) left top repeat-x; background-size: contain; color: #fff; font-weight: bold; font-size: 20px; padding: 0 20px 30px;}
#focus .owl-nav [class*=owl-]{ font-size: 0; position: absolute; top:50%; width:50px; height: 80px; margin-top: -40px; background:rgba(0,0,0,0) url(../images/arrow02_l.png) center center no-repeat;}
#focus .owl-nav [class*=owl-]:hover{ background-color:rgba(0,0,0,0.20);} 
#focus .owl-nav [class*=owl-].owl-prev{ left:0;}
#focus .owl-nav [class*=owl-].owl-next{ right:0; background-image: url(../images/arrow02_r.png); }
#focus .owl-dots{ position: absolute; color: #fff; bottom:15px; right:15px;} 
#focus .owl-dots .owl-dot:hover span,#focus .owl-dots .owl-dot.active span{ background: #fff;}
/*headlines*/
.headlines{ overflow: hidden; height: 330px; background-color: #fff; border-radius: 4px; padding: 20px;}
.title{ font-size: 16px; color: #333;}
.title img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.headlines_tit{ position: relative; padding-left: 12px; margin-bottom: 20px;}
.headlines_tit::before{ content:""; position:absolute; top:50%; left:0; margin-top: -10px; width: 2px; height: 20px; background: #0b68f1;}
.list_01{}
.list_01 li a{ display:block; height: 35px; line-height: 35px; border-bottom: 1px dashed #eee;}
.list_01 li:last-child a{ border-bottom:0;}
.list_01 li:hover a{ color: #0b68f1;}
/*keywords*/
.keywords{ width:100%; clear: both; background-color: #fff; border-radius: 4px; margin-top:20px; padding: 9px 8px;}
.keywords a{ display:block; float: left; line-height: 36px; margin: 0 12px; word-wrap:break-word;}
.no_touch .keywords a:hover{ text-decoration:none;}
/*internet & data & tech*/
.con_l{height: auto; float: right;width:32%;} 
.l_block{ background-color:#fff;/* height: 326px;*/ padding: 30px 20px 22px; margin-top:20px;} 
/*.internet, .data, .tech, .adv_02, .intelligent, .artificial, .safe, .office, .think, .order{ height: 326px;}*/
.title_01{ border-top:1px solid #eee; margin-bottom: 25px;}
.title_01 a{ display:inline-block; padding-top: 15px; border-top:1px solid #0b68f1; margin-top: -1px;}
.rec{ margin-bottom: 20px;}
/*.rec a img 3.12修改*/
.rec a img{ display:block; float: left; margin-right: 20px; width:120px; border-radius: 4px;}
.rec_des{ overflow:hidden; max-height: 63px; letter-spacing: 0.01em;}
.internet_list{ }
.internet_list li a{ display: block; padding-left: 14px; background: url(../images/dec_01.png) left center no-repeat; line-height: 35px; height: 35px;}
.adv_02{ background-color:transparent; padding:0;}
.adv_02 a img{ display:block;}
.intelligent{ height:320px;}
.intelligent_list li a{ border:none;} 
/*order*/
.order{ border-top:1px solid #0b68f1; padding: 15px 0 8px; color: #333; position: relative;}
.order_tit{ text-align:center; padding-bottom: 22px; position: relative; cursor: pointer;}
.order_tit::before{ content:""; position: absolute; bottom: 0; left:50%; margin-left: -10px; width: 20px; height: 20px; background: url(../images/dec_02.png) center bottom no-repeat;} 
.order_on::before{ background-position: center top;}
.order_show{ position: absolute; top:80%; left:0; z-index: 3; width: 100%; background: #fff; padding: 0 20px; height: 0; opacity: 0; overflow: hidden;} 
.email_txt{ width: 100%; height:40px; border:1px solid #eee; text-indent: 12px; margin: 20px 0;}
.email_txt::-webkit-input-placeholder{
        color: #999;
}
.email_txt::-moz-placeholder{  
        color: #999;        
}
.email_txt:-ms-input-placeholder{  
        color: #999;        
}
.email_btn{ cursor: pointer; display: block; width:90px; height: 40px; margin: 0 auto; border-radius: 20px; color: #fff; background: url(../images/order_01a.png) no-repeat;}
.email_btn:hover{ background-image: url(../images/order_01b.png);}
.zhankai{  top:100%; height:auto; opacity: 1; padding-bottom: 30px;}
.online_list{ margin: -10px;}
.online_list li{ width:50%; float: left; padding: 10px;}
.online_list li a{ display:block; overflow: hidden;}
.online_list li a img{ display:block;}
.order_online .order_show{ z-index:2;}
.adv_02,.order{ height: auto;}
/*con_r*/
.con_r{ width:66%;float: left;background: #fff; margin-top: 20px;}
/*eyeshot*/
.eyeshot{ padding:30px 20px 20px; border-bottom:1px solid #eee;}
.eyeshot .title_02 a{ position:relative; z-index: 2;}
.eyeshot_scr{ padding-top:30px; margin-top: -20px;}
.eyeshot_scr .item a{ display: block;}
.eyeshot_pic{ overflow: hidden; position: relative; border-radius: 4px; color: #fff; font-size: 12px;}
.eyeshot_pic::before{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%; border-radius: 4px; background: url(../images/eyeshot_01.png) no-repeat; background-size: cover; z-index: 1;}
/*.eyeshot_pic::after 3.12修改*/
.eyeshot_pic::after{ content:""; position: absolute; top:50%; left:50%; margin: -15px 0 0 -15px; width:30px; height: 30px; background: url(../images/eyeshot_02.png) center center no-repeat; background-size: contain; z-index: 2;}
.eyeshot_mark{ position: absolute; top:10px; left:10px; min-width: 40px; height: 20px; text-align: center; line-height: 20px; padding: 0 10px; border-radius: 10px; background: rgba(0,0,0,.50); z-index: 3;}
.eyeshot_pic img{ display: block; border-radius: 4px;}
.eyeshot_caption{ position: absolute; bottom: 0; left:0; width:100%; padding: 10px; z-index: 3;}
.eyeshot_pic:hover::before{ opacity:.70;}
.eyeshot_scr .owl-nav{ position: absolute; top:0; right:0;}
.eyeshot_scr .owl-nav [class*=owl-]{ font-size: 0; position: initial; float:left; width: 20px; height: 20px; border-radius:10px;margin: 0 0 0 10px; background: url(../images/arrow_011.png) left center no-repeat;background-color:#0b68f1;}
.eyeshot_scr .owl-nav [class*=owl-].owl-next{ background-position: right center;} 
.eyeshot_scr .owl-dots .owl-dot span{ background: #eee;}
.eyeshot_scr .owl-nav .disabled{ background-color:#eee;}
/*mation*/
.mation{ }
.mation li{ overflow: hidden; padding: 30px 20px 25px; border-bottom: 1px solid #eee;}
.mation_img{ width:200px; overflow: hidden; float: left; margin-right: 20px;height:100px;}
.mation_img img{ display:block; max-height: 100%;}
.mation_info{ overflow:hidden;}
.mation_tit{ font-size: 18px; line-height: 20px; height:20px; margin-bottom: 10px;}
.mation_des{ overflow: hidden;display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;}
.addClass{padding-top:10px;}
.mation_mark{ float: right;}
.mation_mark a{ color: #68c4fd; margin-right: 10px;}
.mation_time{ color: #c9ccd0; float: left;}
.mation_data{ color: #c9ccd0; margin-top: 20px;}
.data_see,.data_collect,.data_zan{ display:inline-block; vertical-align: middle; padding-left: 20px; margin-right:12px; background-position: left center; background-repeat: no-repeat;}
.data_see{ background-image: url(../images/mation_ico01.png);}
.data_collect{ background-image: url(../images/mation_ico02.png);}
.data_zan{ background-image: url(../images/mation_ico03.png);}
/*.mation li:hover{ background-color:#eee;}*/
.mation li:hover .mation_tit a{ color: #0b68f1;}
/*column_scr*/
.column_scr .eyeshot_pic::after{ display: none;}
.column_tit{ margin-top:6px;}
/*exhibition*/
.exhibition{ padding-top:30px;}
.exhibition_tit{ font-size: 14px; padding:0 20px; margin-bottom: 10px;}
.exhibition_show{ margin:0 -10px;}
.exhibition_show li{ width:50%; float:left; padding:0 10px;}
.exhibition_show li a{ display:block; overflow: hidden;}
.exhibition_show li a img{ display:block;}
.exhibition_show li a:hover img{ opacity:.80;}
/*load_more*/
.load_more{ background: #fff; padding: 0 20px 30px; margin-top: -1px;}
.load_more a{ display:block; line-height: 40px; text-align: center; background-color: #f1f1f1; border-radius: 4px;}
.load_more a:hover{ background-color: #0b68f1; color: #fff;}

/*footer*/
footer{ margin-top: 20px; background:#fff; padding: 20px 0;}
.friendly{ margin-bottom: 30px;}
.friendly h5{ font-size: 14px; color: #333; margin-bottom:15px;}
.friendly_links{ margin:-5px -10px;}
.friendly_links a{ display: inline-block; padding: 5px; margin:0 5px;}
.footer_nav,.footer_tel{ display:inline-block; vertical-align: middle;}
.footer_nav{ margin: 0 -15px;}
.footer_nav li{ float:left; color: #eee;}
.footer_nav li a{ display:inline-block; padding: 0 13px;}
/*.footer_tel{ margin-left:40px;}*/
.footer_tel em{ color: #0b68f1;}
.copyrights{ margin-top:30px; padding-top: 20px; border-top:1px solid #eee;}
/*关键词*/
.hideP{}
.keywords .morde{ width:20px;height:20px; background:url(../images/hide_02.png) no-repeat center top;margin-top:8px; display: none; text-decoration: none;margin-left:20px;}
.keywords .mordeOn{background:url(../images/hide_02.png) no-repeat center bottom;}

/*================列表页*/
.sub_internet{ overflow: hidden; height: 330px; margin: 0;}
.adv_03{ margin-top: 10px; margin-bottom:-10px;width:100%; height: auto; overflow: hidden;}
.adv_03 a img{ display: block; border-radius:4px;}
.sub_r{ width:66%; float: left;}
/*sub_headlines*/
.sub_headlines{ height: auto; background-color: #f1f1f1; border-radius: 0;}
.headlines_list{ margin: 0 -10px;}
.headlines_list li{ width:50%; float: left; padding: 0 10px;}
/*sub_eyeshot*/
.sub_eyeshot{ }
.eyeshot_list{ margin: -10px 0;}
.eyeshot_list li a{ display:block; overflow: hidden; padding: 10px 0;}
.eyeshot_img{ width:117px; float: left; margin-right: 20px; position: relative;}
/*.eyeshot_img img 3.12修改*/
.eyeshot_img img{ display: block; border-radius: 5px;}
.eyeshot_img::before{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%; border-radius: 5px; background: url(../images/eyeshot_01.png) no-repeat; background-size: cover; z-index: 1;}
/*.eyeshot_img::after 3.12修改*/
.eyeshot_img::after{ content:""; position: absolute; top:50%; left:50%; margin: -15px 0 0 -15px; width:30px; height: 30px; background: url(../images/eyeshot_02.png) center center no-repeat; background-size: contain; z-index: 2;}
.eyeshot_tit{ height: 42px; margin-top: 20px;}
/*sub_strength*/
.sub_strength{}
.strength_list{}
.strength_list li .eyeshot_img::before,.strength_list li .eyeshot_img::after{ display: none;}
/*pageBox*/
.pageBox{ display:block;width:100%;text-align: center;height:auto;overflow:hidden;padding-top:20px;}
.pageBox a{ display: inline-block;padding:3px 10px; background: #eee;margin:0 3px; }
.pageBox .curPage {background:#0b68f1;color:#fff;}

/*================文章页*/
/*location*/
.location{ margin: 0 -10px;}
.location a{ display:inline-block; padding: 0 10px;}
.article_r{ background:#fff; padding-bottom: 40px;}
/*article*/
.article{ padding: 30px 20px; color: #333; line-height: 1.75;}
.article_top{ margin-bottom: 40px;}
.article_tit{ font-size: 24px; line-height: 1.4; margin-bottom: 20px;}
.article_from{ float: left;}
.article_from img{ margin-right: 10px; border-radius: 50%;}
.article_mark a{ margin-left: 10px; color:#0b68f1; height: 22px; line-height: 20px; border:1px solid #0b68f1; padding: 0 10px; border-radius: 3px;}
.article_mation{ float:right;}
.article_mation .mation_time,.article_mation .mation_data{ margin-top:0; margin-right:10px;}
.article_mation .mation_data{margin-right:0px;}
.article_from img,
.article_mark a,
.article_mation .mation_time,.article_mation .mation_data,
.article_shared{ display:inline-block; vertical-align: middle;}
.article_lead{ color:#999; position: relative; padding-bottom: 30px;}
.article_lead::before{ content:""; position: absolute; bottom:0; left:0; width:30%; height: 4px; border-radius: 2px; background: #c9ccd0;}
.article_handle{ margin-top: 20px;}
.article_handle li{ float:left; margin-right: 20px;}
.article_handle li a{ opacity:.20;}
.article_handle li a:hover{ opacity:.50;}
.article .bjr{ display: inline-block; float: right;}
.article_zw p{padding-top:15px;text-indent:28px;height:auto;overflow:hidden;}

.article_zw p img{display:block;margin:0 auto!important;width: auto;height: auto;}
/*article_xg*/
.article_xg{ background-color: #fff;}
.xg_list li a{ border-bottom:none;}
.sub_think .rec .rec_des{ max-height: 21px;}
.rec_txt{ max-height:42px; overflow: hidden; margin-top: 10px;}
.sub_l{ float: right; margin: 0;}
.sub_l .l_block{ height:auto;}
.sub_think{ width:100%; height: auto; float: none; margin-top: 0;}
.sub_exhibition{ padding-top:0;}
/*article_fx*/
.bdshare-button-style2-16 a, .bdshare-button-style2-16 .bds_more{background-image:url(../images/fx_ico01.png) !important;}
.article_handle .bdshare-button-style2-16 .bds_more{background-image:url(../images/article_ico01.png) !important;width:34px;height:34px;margin:0;}
.article_handle .bdshare-button-style2-16 .bds_weixin{background-image:url(../images/article_ico02.png) !important;width:34px;height:34px;margin:0;background-position:center center;}

/*css控制单行显示*/
.focus_caption,
.list_01 li a,
.internet_list li a,
.eyeshot_caption,
.mation_tit,
.column_tit,
.sub_think .rec .rec_des{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  /*2019.3.11修改*/
.header_con{width:75%;}
header{height:98px;background:#d4e0ec;}
.nav li{margin-bottom:5px;margin-top:10px;}
.logo{top:10px;}
.moreG{ float: right;font-weight:normal;font-size:14px;margin-top:3px;}
 /*2019.3.11修改end*/
/*2019.9.27修改*/
.border{width:1px;height:50px;background:#fff; position: absolute;right:0;top:50%;margin-top:-13px;margin-right:-15%;}
.border02{margin-right:-8%;margin-top:-25px;}

@media only screen and (max-width: 1023px){
	.inner{ width:890px;} 
	/*header*/
     /*2019.3.11修改*/
    .logo{ top:68px;}
    /*2019.3.11修改 end*/
	.logo{ top:23px;}
	.logo img{ height:38px;}
	.nav{margin-left:15px;}
	.nav li{ margin-left:15px;}
	/*2019.9.27修改*/
	.header_con{width:80%;} 
	
	/*列表页&文章页*/
	.article_tit{ font-size:20px;}
} 

@media only screen and (max-width: 991px){
	.inner{ width:750px;} 
	/*header*/ 
	.header_con{width:75%;}
	.nav li{ margin-left:20px;} 
	.nav li a.a_item0{ font-size:13px;} 
	.search{width:170px;}
	.search_txt{width:120px;}
	.enter a,.shared li{margin-left:8px;}
	.nav li{margin-top:0;margin-bottom:0;}
	/*focus*/
	#focus{ width:62%;}
	.focus_caption{ font-size:17px;}
	/*con_l*/   
	.con_l{}
	.rec a img{ margin-right: 10px;}
	/*eyeshot*/
	.eyeshot_pic::after{ width:36px; height: 36px; margin: -18px 0 0 -18px;}
	/*mation*/
	.mation_img{ margin-right: 10px;}
	.mation_tit{ font-size:16px;} 
	/*footer*/
	.footer_nav,.footer_tel{ display:block;}
	.footer_tel{ margin:5px 0 0;}
	
	/*列表页&文章页*/
	.sub_r{ width:62%;} 
	.article_tit{ font-size:18px;}
} 

@media only screen and (max-width: 767px){
	.inner{ width: 100%; padding: 0 20px; max-width: 700px;} 
	/*header*/
	.border{ display: none;}
	.nav{width:100%;}
	header{ height:60px;}
	.logo{ top:14px;}
	.logo img{ height:32px;}
	.menu_ico{ display: block;}
	.header_con{ display: none; background-color: rgba(255,255,255,1); border-top: 1px solid rgba(0,0,0,0.05); width: 100%; position: absolute; top: 100%; left: 0; margin:0; padding: 20px; text-align: center; }
	.header_show{ display:block;}
        /*2019.3.11修改*/
    .header_bar{ float:none; margin: 0 0 10px;width:100%;}
    .enter,.shared{padding-top:0;}
    /*2019.3.11修改 end*/
	.search{ margin-bottom:10px;background:#d4e0ec;}
    /*2019.3.11修改*/
    /*nav*/
    .nav{ float: none; margin: 0; overflow-y: scroll;}
    .nav li{ float: none; border-bottom: 1px solid rgba(0,0,0,0.05);
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: returnToNormal;
        animation-name: returnToNormal;
        margin-top:0;margin-bottom:0;
    }
    /*2019.3.11修改 end*/
    .nav li a.a_item0{ height: 36px; line-height: 36px;}
    .nav li a.a_item0:before{ display: none;}
    .nav li:hover{ color: rgba(255,255,255,0.4); border-bottom: solid 1px rgba(0,0,0,0.1); }
	@-webkit-keyframes returnToNormal{
        from{
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes returnToNormal {
        from{
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
	
	/*focus*/
	#focus { width:100%; float: none;}
	.focus_caption{ font-size:15px; padding-bottom: 20px; padding-right: 50px;}
	#focus .item img{ height:auto;}
	#focus .owl-nav [class*=owl-]{ width:30px; height: 48px; margin-top: -24px;}
	/*l_block*/ 
	/*.rec a img 3.12修改*/
	.rec a img{width:100px;}
	.con_r,.con_l{ width:100%; max-width: 480px; float: none;/* margin:0 -10px;*/}
	.l_block{ width:100%; height: auto; float: none; border-left:none; border-right:none;} 
	/*.l_block{ width:50%; height: 311px; float: left; border-left: 10px solid #f8f8f8; border-right: 10px solid #f8f8f8;} 
	.internet, .data, .tech, .adv_02, .intelligent, .artificial, .safe, .office, .think, .order{}*/
	.order{ height: auto;}
	.keywords .morde{ display: block;}
	.keywords p{width:100%; height: auto; overflow: hidden;}
	.hideP{ display: none; height: auto; overflow: hidden;}
	.showP{ display: block;height: auto;overflow: hidden;width:100%;}
	/*mation*/
	.mation li{ padding-top:20px; padding-bottom: 20px;}
	.mation_img{ width:100px;display:none;}
	.mation_tit{ font-size:15px; margin-bottom: 5px;}
	.mation_data{ margin-top:5px;}
	/*exhibition*/
	.exhibition_show{ margin:0 -5px;}
	.exhibition_show li{ padding:0 5px;}
	/*隐藏块*/
	.waphide{ display: none;}
	
	/*列表页&文章页*/
	.sub_internet{ width:100%; float: none; border:none; height: 330px;}
	.sub_r{ width:100%; float: none; margin-right: 0;}
	.article_from,.article_mation{ float:none;}
	.article_handle .bdshare-button-style2-16 .bds_weixin{ display: none;}
	 
}  

/*2019.3.11修改*/
@media only screen and (max-width: 376px){
     .nav{height:450px; overflow-y: scroll;}
}
@media only screen and (max-width: 321px){
     .nav{height:350px; overflow-y: scroll;}
}
/*2019.3.11修改 end*/



a,*::before,*::after,input[type="submit"], input[type="reset"], input[type="button"],.owl-prev,.owl-next,header,.menu_ico i,
.order_show,.mation li,.exhibition_show li a img,.hideP,.showP{
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
} 

/*图片由小变大*/
.online_list li a img,
 .mation_img img{
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:400ms;
    width: 100%;
    /*position: relative;*/
}

.online_list li a:hover img,
.mation li:hover .mation_img img{
    -webkit-transform: scale(1.04, 1.04);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1.04, 1.04);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1.04, 1.04);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}

/*图片横向*/
aa{
    display: block;
    max-width: none;
    width: -webkit-calc(100%+ 10px);
    width: calc(100% + 10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
aa{
    opacity: 1.0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*图片纵向*/
aa{
    display: block;
    max-width: none;
    height: -webkit-calc(100% + 10px);
    height: calc(100% + 10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
aa{
    opacity: 1.0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}